
@import './base.css';

.tero_father{
    width: 100%;
}
.nav_bb{
    height: calc(100% - 60px);
    width: 100%;
    >.nav_b_left{
        width: 100%;
        padding-right: 30px;
        >.nav_b_left_son_periphery{
           
            display: flex;
            justify-content:flex-end;
            >div{
                margin-right: 5px;
                height: 36px;
                width: 100px;
                display: inline-block;
                text-align: center;
                line-height: 36px;
                background-color: #5286ff;
                color: white;
                border-radius: 2px;
                cursor: pointer;
                a{
                    color: #fff;
                }
            }
          .span{
                border: 1px solid #5286ff;
                color:  #5286ff;
                background-color: #fff;
            }
            .span2{
                height: 36px;
                width: 100px;
               
                text-align: center;
                line-height: 36px;
                background-color: #5286ff;
                color: white;
                border-radius: 2px;
                cursor: pointer;
                display:  none;
            }
        }
        .nav_b_left_son{
            >p{
                >span:nth-of-type(1){
                    color: #5d6166;
                }
            }
            >.nav_b_left_content{
                >.nav_b_left_son{
                    margin-bottom: 20px;
                  
                }
            }
            >p{
                border-bottom: 1px solid #e9ebed;
                position: relative;
                top: -5px;
                padding-bottom: 3px;
                width: 100%;
                >span{
                    line-height: 3;
                }
            }
            }
         
    }
}
